<template>
	<view class="item">
		 <img class="img" :src="item.img" alt="">
		 <view class="heart-bg">
		 		 <uni-icons type="heart" size="20"></uni-icons>
		 </view>
		 <view class="info">
		 	<imgInfo  imgStyle="width:30px;height:30px;margin-right:5px"
		 	nameStyle="font-size: 20rpx;color:#fff" 
			tipStyle="font-size: 20rpx;color:#D1D1D6" 
			
			:item="item">
		 	</imgInfo>	
		 </view>
	</view>
</template>
<script>
	
	export default {
		
		components:{
			
		},
		props:{
			
		},
	}
</script>
<style lang="scss" scoped>
	.item{
		position: relative;
		.heart-bg{
			position: absolute;
			top: 15px;
			right:15PX;
			background-color: #D1D1D6;
			padding: 4px 4PX 0px 4px;
			border-radius: 50%;
		}
		.img{
			width: 37vw;
			height: auto;
			border-radius: 20px;
			margin: 5px;
		}
		.info{
			position: absolute;
			bottom: 15px;
			left: 15px;
		}
	}
</style>